/*
    levy:
        这里放一些阿昕设计的页面中常出现的ui样式
        需要时引入
*/
//浅灰色分割线
.split-line {
    position: relative;

    &::before {
        content: '';
        display: block;
        height: .1rem;
        width: 100%;
        background: #f2f2f2;
    }

    //不使用before,使用after
    &.after {
        &::before {
            content: none;
        }

        &::after {
            content: '';
            display: block;
            height: .1rem;
            width: 100%;
            background: #f2f2f2;
        }
    }

}


